import styled from "styled-components";

export const RightLinkWrapper = styled.div`
    .content{
        display: flex;
        flex-direction: column;
        align-items: center;
        div{
            width: 80%;
            height: 30px;
            display: flex;
            justify-content:center;
            align-items: center;
            border-radius: 8px;
            margin-bottom: 15px;
            cursor: pointer;
        }
        div:nth-child(1){
           background-color: rgb(183,211,236);
           color: rgb(97,132,187);
        }
        div:nth-child(2){
            background-color: rgb(255,184,79);
            a{
                color: white;
            }
        }
        div:nth-child(3){
            background-color:rgb(244,224,189);
            color: rgb(192,145,61);
        }
        div:nth-child(4){
            background-color:rgb(193,228,222);
            color: rgb(87,145,137);
        }
    }
`